<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>


<%@ include file="/WEB-INF/views/shared/base/master/limitless/default/demo/contentHeader.jsp"%>


<%
	String contextPath = request.getContextPath();

    String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort() + contextPath;
    String addPath="/admin/rel/relative/relative_add";
    String savePath=path+"/admin/rel/relative/relative_add_save";
    String csspath=path+"/assets/css/";

%>



<link rel="stylesheet" href="<%=csspath%>main.css"/>
<html>


<body>

<div >
<form id="form_intro_add" action="<%=savePath%>" method="post">
    <div id="main">




    	<section id="introduction" class="main">

                <header class="major">
                    <h2 style="float: left;">简介</h2>
              	</header>          
                <div id="div_intro_edit"  >
                   
                        <div>
							<textarea rows="5" cols="5" name="relative_information" colClass="col-md-30"></textarea>                           
                            <div class="row uniform" style="padding-top: 10px;">
                                <div class="6u 12u$(medium)" >       
                                    <dl class="alt">
                                        <dt>姓:</dt>
                                        <dd><input type="text" name="relative_firstName"/></dd>
                                        <dt>名:</dt>
                                        <dd><input type="text" name="relative_lastName"/></dd>
                                        <dt>职业：</dt>
                                        <dd><input type="text" name="relative_job"/></dd>
                                        <dt>民族：</dt>
                                        <dd><input type="text" name="relative_nation"/></dd>
                                        <dt>籍贯：</dt>
                                        <dd><input type="text" name="relative_province"/></dd>
                                        <dt>关系：</dt>
                                        <dd><input type="text" name="relative_relation"/></dd>                                        
                                    </dl>
                                </div>
                                <div class="6u$ 12u$(medium)">       
                                    <dl class="alt">  
                                        <dt>性别：</dt>
                                        <dd>
                                            <select name="relative_sex" colClass="col-md-10">
                                                <option value="男">男</option>
                                                <option value="女">女</option>
                                            </select>
                                            
                                        </dd>                                                 
                                        <dt>状态：</dt>
                                        <dd>
                                            <select id="relative_alive" name="relative_alive" onchange="show_dead_info()"  colClass="col-md-10">
											    <option value="0" >去世</option>   
                                                <option value="1" selected="selected">健在</option>
                                            </select>
                                        </dd>
                                        <dt>生于：</dt>
                                        <dd><input class="form-control" type="date" name="relative_birthday"></dd>
                                        <div id="deadinfo" style="display: none;">
                                            <dt>卒于：</dt>
                                            <dd><input class="form-control" type="date" name="relative_deathday"></dd>
                                            <dt>葬于：</dt>
                                            <dd><input type="text" name="relative_buryAddress"></dd>
                                        </div>
                                    </dl>
                                </div>
                            </div>                     
                        </div>

                       <!--  <div >  
                            <label>上传头像</label>
                            <input type="file" class="file-styled"/t>    

                        </div> -->
                        
                   
                </div>
        </section>

        <section id="event" class="main">
        <header class="major">
                        <h2 style="float: left;">生平</h2>
                        <!-- <div class="div-show-hover">
                            <button class="button special small " onclick="edit_event()">编辑</button>       
                        </div> -->
                    </header>
                    <table class="cntable table table-bordered dataTable table-employee " style="padding-left: 20px;padding-right: 20px;">
                        <thead>
                            <tr>
                                <th style="width:150px">时间</th>
                                <th style="width:400px">事件</th>
                            </tr>
                        </thead>
                        <tbody id="eventlist">
                           
                                <tr>
                                    <td><input type="date" class="form-control"  name="event_date"></td>
                                    <td><input type="text" name="event_info"></td>
                                                                       
                                </tr>
                            
                        </tbody>
                    </table>
                    <div style="padding-top: 10px;">
                            <input type="button" id="btn_add" onclick="add_event()" value="添加" >
                    </div>
                

        </section>





		<!-- <section id="resource" class="main">
         
                <header class="major">
                        <h2 >影像</h2>
                </header>
               
                    <div class="tabbable">
                        <ul class="nav nav-tabs nav-tabs-top nav-justified">
                            <li class="active"><a href="#tab-image" data-toggle="tab">图片</a></li>
                            <li><a href="#tab-audio" data-toggle="tab">音频</a></li>
                            <li><a href="#tab-video" data-toggle="tab">视频</a></li>
                        </ul>
                    

	                    <div class="tab-content">
	                     	<div class="tab-pane active" id="tab-image">
	                            <input type="file" class="file-input" multiple="multiple" name="file_image"/>                            
	                        </div>

	                        <div class="tab-pane" id="tab-audio">
	                            <input type="file" class="file-input" multiple="multiple" name="file_audio"/>
	                        </div>

	                        <div class="tab-pane" id="tab-video">
	                            <input type="file" class="file-input" multiple="multiple" name="file_video"/>
	                        </div>
	                 	</div>
	                </div>


        </section> -->


                        <div style="padding-top: 10px;">
                            <input type="submit" class="button special small"  value="保存">
                            <input type="cancel" class="button small" onclick="javascript:history.back(-1);" value="取消">
                        </div>


    </div>
</form>

</div>




</body>
</html>

<script type="text/javascript">
    
    
    
</script>
<script type="text/javascript">


    function add_event(){
        var row = $('<tr><td><input type="date" name="event_date" class="form-control"></td>'
                   +'<td><input type="text" name="event_info"></td>'
                   +'</tr>'); //create row
        $('#eventlist').append(row);
    }

    function show_dead_info(){
        var selt = document.getElementById("relative_alive"); 
        var df = document.getElementById("deadinfo"); 
        
        if(selt.selectedIndex=="1"){
            df.style.display='none';
        }else{
            df.style.display='block';
        }
    }
</script>



<script src="../../../../assets/js/jquery.min.js"></script>
<script src="../../../../assets/js/jquery.scrollex.min.js"></script>
<script src="../../../../assets/js/jquery.scrolly.min.js"></script>
<script src="../../../../assets/js/skel.min.js"></script>
<script src="../../../../assets/js/util.js"></script>
<!--[if lte IE 8]>
<script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="../../../../assets/js/main.js"></script>

<%@ include file="/WEB-INF/views/shared/base/scripts/jqueryui.jsp"%>
<%@ include file="/WEB-INF/views/shared/base/scripts/limitless/default/formselects.jsp"%>
<%@ include file="/WEB-INF/views/shared/base/scripts/limitless/default/formstyling.jsp"%>
<%@ include file="/WEB-INF/views/shared/base/scripts/limitless/default/formpickers.jsp"%>
<%@ include file="/WEB-INF/views/shared/master/dialog.jsp"%>




<%@ include file="/WEB-INF/views/shared/base/scripts/limitless/default/pages/forms/form_inputs.jsp"%>




<%@ include file="/WEB-INF/views/shared/base/scripts/limitless/default/uploaders/uploaders.jsp"%>
<%@ include file="/WEB-INF/views/shared/base/scripts/limitless/default/pages/fileUploader/uploader_bootstrap.jsp"%>
<%@ include file="/WEB-INF/views/shared/base/master/limitless/default/demo/contentFooter.jsp"%>